<template>
  <svg
    :class="`${iconType}`"
    aria-hidden="true"
    :style="`height: ${size}px;width: ${size}px;`"
  >
    <use
      :xlink:href="`#${icon}`"
    />
  </svg>
</template>

<script lang="ts" setup>

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * @Name: SvgIcon
 * @Author: Zhang Ziyi
 * @Email: 15227974559@163.com
 * @Date: 2024-05-13 13:07
 * @Introduce: --
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

// import { Http } from '@/utils/http';

const props = defineProps({
  iconType: {
    type: String,
    default: 'iconfont'
  },
  icon: {
    type: String,
    default: 'icon-taiyang'
  },
  size: {
    type: Number,
    default: 14
  }
})

</script>

<style lang="scss" scoped></style>